<template>
  <div class="page-container data-aggregation">
    <div class="f-r a-c j-b">
      <div class="box-title">数据汇聚</div>
      <el-form inline>
        <el-form-item label="统计维度：">
          <el-radio-group v-model="searchParams.type">
            <el-radio :label="1" border>全市总览</el-radio>
            <el-radio :label="2" border>部门详情</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item>
          <el-select v-model="searchParams.dept" placeholder="选择部门">
            <el-option
              v-for="item in deptOptions"
              :key="item.id"
              :label="item.name"
              :value="item.id"
            />
          </el-select>
        </el-form-item>
        <el-form-item>
          <el-button type="primary">确认</el-button>
        </el-form-item>
      </el-form>
    </div>
    <el-card shadow="none">
      <div class="group_7 f-c">
        <div class="group_8 f-r j-b">
          <div class="block_1 f-c">
            <div class="box_14 f-r j-b">
              <img
                class="image_1"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/pshgni5dig3pvv9igj6bkuttrl2yp2ruk6m3bf83d7d-4a10-4e2b-877c-bf4be8ace519"
              >
              <div class="box_15 f-c j-b">
                <span class="text_18">库表介入数据总量</span>
                <div class="text-wrapper_3">
                  <span class="text_19">52.7</span>
                  <span class="text_20">万</span>
                </div>
              </div>
            </div>
            <img
              class="image_2"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/psraiv77zm1dgzgaa46bqr7qcnj6qvql5kre6aeb4ae-1a96-4d42-8e82-c04672466e23"
            >
            <div class="box_16 f-r j-b">
              <span class="text_21">今日预计接入数据量</span>
              <div class="text-wrapper_4">
                <span class="text_22">5.9</span>
                <span class="text_23">&nbsp;万</span>
              </div>
            </div>
          </div>
          <div class="block_2 f-c">
            <div class="block_3 f-r j-b">
              <img
                class="image_3"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/psc378bzmlqyc2wl6wdpbiiy0b4opzp078w87df83d4-7599-4d4b-86df-fb08737b8881"
              >
              <div class="section_3 f-c j-b">
                <span class="text_24">API接入数据总量</span>
                <div class="text-wrapper_5">
                  <span class="text_25">71.8</span>
                  <span class="text_26">万</span>
                </div>
              </div>
            </div>
            <img
              class="image_4"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/pserxb8cekukbqovy8cxb4ky4r8ql9ut7m1ca60939-7b6e-4e22-a0c5-52c4758c0723"
            >
            <div class="block_4 f-r j-b">
              <span class="text_27">今日预计接入数据量</span>
              <div class="text-wrapper_6">
                <span class="text_28">6.1</span>
                <span class="text_29">&nbsp;万</span>
              </div>
            </div>
          </div>
          <div class="block_5 f-r">
            <img
              class="image_5"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/psu91fedfxn8pixdqisw3qjgzirpkq03tr15573a07-da96-4684-9658-3eb488a80939"
            >
            <div class="text-wrapper_7 f-c j-b">
              <span class="text_30">数据源数量</span>
              <span class="text_31">189</span>
            </div>
          </div>
        </div>
        <div class="group_9 f-r j-b">
          <div class="section_4 f-c">
            <span class="text_32">今日数据集成成功率</span>
            <div class="text-wrapper_8">
              <span class="text_33">98</span>
              <span class="text_34">%</span>
            </div>
            <img
              class="image_6"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps9pd59598vq9tdi9gpoqc51g76b50dn3w46f21d4b-6e76-4dc7-9bce-f36c837b2138"
            >
            <img
              class="image_7"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/psz1j05jfcui4pwgbbqhjcnxis184destb8aab7f0-43db-4e06-825e-2af33d974a55"
            >
            <div class="text-wrapper_9 f-r">
              <span class="text_35">今日数据清洗率</span>
              <span class="text_36">91%</span>
              <span class="text_37">今日数据转化率</span>
              <span class="text_38">92%</span>
              <span class="text_39">今日数据合格率</span>
              <span class="text_40">93%</span>
            </div>
          </div>
          <div class="section_5 f-c">
            <div class="box_17 f-r j-b">
              <span class="text_41">今日作业完成度</span>
              <div class="block_6 f-r a-c j-c">
                <img
                  class="label_2"
                  referrerpolicy="no-referrer"
                  src="https://lanhu.oss-cn-beijing.aliyuncs.com/ps30s70w85wbxic63mzg6bwjo9jhq62gy8nc7e774d5-2460-41ab-9830-02ef98430eee"
                >
                <span class="text-group_6">作业报表</span>
              </div>
            </div>
            <div class="text-wrapper_10">
              <span class="text_42">98</span>
              <span class="text_43">%</span>
            </div>
            <img
              class="image_8"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/psv98k07b6cwojah02ofw1z9fy3xtl15wy20327033-e70f-4a77-b64a-1753a42dc7f0"
            >
            <img
              class="image_9"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/psyvx1sj53spqo9f718bd2xcnr0st2j0q5o3b6b4d36-ff48-40aa-84d2-2751a842e383"
            >
            <div class="box_18 f-r">
              <span class="text_44">未完成作业</span>
              <div class="text-wrapper_11">
                <span class="text_45">19</span>
                <span class="text_46">个</span>
              </div>
              <span class="text_47">已完成作业</span>
              <div class="text-wrapper_12">
                <span class="text_48">29</span>
                <span class="text_49">个</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </el-card>
    <el-row :gutter="40">
      <el-col :span="12">
        <div class="f-r a-c" style="margin: 10px 0;height: 40px">
          <div class="box-title">入湖数据量趋势分析</div>
        </div>
        <el-card shadow="none">
          <div class="card-box f-c" style="height: 400px">
            <div class="f-r a-c j-b">
              <div class="box-title">单位：万条</div>
              <div>
                <el-radio-group v-model="searchParams.type">
                  <el-radio-button :label="1" border>日</el-radio-button>
                  <el-radio-button :label="2" border>月</el-radio-button>
                  <el-radio-button :label="3" border>年</el-radio-button>
                </el-radio-group>
              </div>
            </div>
            <div class="chart-box f-g">
              <v-chart autoresize style="width: 100%;height: 100%;" :option="option1" />
            </div>
          </div>
        </el-card>
      </el-col>
      <el-col :span="12">
        <div class="f-r a-c j-b" style="margin: 10px 0">
          <div class="box-title">数据汇聚排行</div>
          <div>
            <el-radio-group v-model="searchParams.type">
              <el-radio-button :label="1" border>专题</el-radio-button>
              <el-radio-button :label="2" border>部门</el-radio-button>
            </el-radio-group>
          </div>
        </div>
        <el-card shadow="none">
          <div class="table-box">
            <el-table
              height="400px"
              size="small"
              :data="tableData"
            >
              <el-table-column type="index" label="序号" width="50px" />
              <el-table-column
                v-for="item in columns"
                :key="item.prop"
                :prop="item.prop"
                :label="item.label"
                align="center"
              />
            </el-table>
          </div>
        </el-card>

      </el-col>
    </el-row>
  </div>
</template>

<script>
import * as echarts from 'echarts'

export default {
  name: 'Index',
  data() {
    return {
      searchParams: {
        type: 1,
        dept: '',
        time: ' '
      },
      deptOptions: [],
      option1: {},
      loading: false,
      columns: [
        { prop: '获取数据部门', label: '获取数据部门', width: '', minWidth: '' },
        { prop: '数据名称', label: '数据名称', width: '', minWidth: '' },
        { prop: '汇聚形式', label: '汇聚形式', width: '', minWidth: '' },
        { prop: '交换数据量', label: '交换数据量', width: '', minWidth: '' },
        { prop: '当前状态', label: '当前状态', width: '', minWidth: '' },
        { prop: '数源部门', label: '数源部门', width: '', minWidth: '' },
        { prop: '更新频率', label: '更新频率', width: '', minWidth: '' }
      ],
      tableData: [
        { 获取数据部门: '市卫健委' },
        { 获取数据部门: '市卫健委' },
        { 获取数据部门: '市卫健委' },
        { 获取数据部门: '市卫健委' },
        { 获取数据部门: '市卫健委' },
        { 获取数据部门: '市卫健委' },
        { 获取数据部门: '市卫健委' }
      ]
    }
  },
  created() {
    this.option1 = this.getOption2()
  },
  methods: {
    getOption2() {
      return {
        tooltip: {
          trigger: 'axis',
          axisPointer: {
            type: 'shadow'
          }
        },
        legend: {},
        grid: {
          top: 50,
          left: 0,
          right: 10,
          bottom: 0,
          containLabel: true
        },
        yAxis: {
          type: 'value',
          textStyle: {
            color: '#999999'
          },
          axisLine: {
            show: false,
            lineStyle: {
            }
          }
        },
        xAxis: {
          inverse: true,
          type: 'category',
          data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月'],
          textStyle: {
            color: '#999999'
          },
          splitLine: {
            show: false
          },
          axisTick: {
            show: false
          },
          axisLine: {
            show: false,
            lineStyle: {
            }
          }
        },
        series: [
          {
            type: 'bar',
            barWidth: 30,
            data: [1000, 900, 800, 700, 600, 500, 400, 300, 200, 100],
            itemStyle: {
              normal: {
                barRadius: [0, 5, 5, 0],
                color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
                  offset: 0,
                  color: '#427DF6'
                }, {
                  offset: 1,
                  color: '#70A8F6'
                }])
              }
            }
          }
        ]
      }
    }
  }
}
</script>

<style lang="scss">
.data-aggregation {
  .el-radio {
    width: 220px;
    height: 40px;
    margin-right: 20px;
    background: #fff;
  }

  -group_7 {
    width: 123px;
    height: 21px;
    overflow-wrap: break-word;
    color: rgba(51, 51, 51, 1);
    font-size: 20px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 72px;
  }
  -group_8 {
    width: 70px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 1);
    font-size: 14px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 72px;
  }
  .block_1 {
    background-color: rgba(255, 255, 255, 1);
    width: 491px;
    height: 233px;
    border: 1px solid rgba(236, 240, 248, 1);
  }
  .box_14 {
    width: 348px;
    height: 126px;
    margin: 23px 0 0 26px;
  }
  .image_1 {
    width: 140px;
    height: 126px;
  }
  .box_15 {
    width: 165px;
    height: 68px;
    margin-top: 14px;
  }
  .text_18 {
    width: 165px;
    height: 21px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 20px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
  }
  .text-wrapper_3 {
    width: 80px;
    height: 26px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
    margin: 21px 0 0 2px;
  }
  .text_19 {
    width: 80px;
    height: 26px;
    overflow-wrap: break-word;
    color: rgba(92, 149, 246, 1);
    font-size: 30px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
  }
  .text_20 {
    width: 80px;
    height: 26px;
    overflow-wrap: break-word;
    color: rgba(92, 149, 246, 1);
    font-size: 18px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 18px;
  }
  .image_2 {
    width: 438px;
    height: 2px;
    margin: 24px 0 0 26px;
  }
  .box_16 {
    width: 439px;
    height: 17px;
    margin: 20px 0 21px 26px;
  }
  .text_21 {
    width: 144px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
  }
  .text-wrapper_4 {
    width: 44px;
    height: 15px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
    margin-top: 1px;
  }
  .text_22 {
    width: 44px;
    height: 15px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
  }
  .text_23 {
    width: 44px;
    height: 15px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
  }
  .block_2 {
    background-color: rgba(255, 255, 255, 1);
    width: 491px;
    height: 233px;
    border: 1px solid rgba(236, 240, 248, 1);
    margin-left: 43px;
  }
  .block_3 {
    width: 337px;
    height: 125px;
    margin: 24px 0 0 29px;
  }
  .image_3 {
    width: 138px;
    height: 125px;
  }
  .section_3 {
    width: 157px;
    height: 68px;
    margin-top: 13px;
  }
  .text_24 {
    width: 157px;
    height: 21px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 20px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
  }
  .text-wrapper_5 {
    width: 81px;
    height: 26px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
    margin: 21px 0 0 1px;
  }
  .text_25 {
    width: 81px;
    height: 26px;
    overflow-wrap: break-word;
    color: rgba(92, 149, 246, 1);
    font-size: 30px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
  }
  .text_26 {
    width: 81px;
    height: 26px;
    overflow-wrap: break-word;
    color: rgba(92, 149, 246, 1);
    font-size: 18px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 18px;
  }
  .image_4 {
    width: 438px;
    height: 2px;
    margin: 24px 0 0 29px;
  }
  .block_4 {
    width: 444px;
    height: 17px;
    margin: 20px 0 21px 29px;
  }
  .text_27 {
    width: 144px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
  }
  .text-wrapper_6 {
    width: 44px;
    height: 15px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
    margin-top: 1px;
  }
  .text_28 {
    width: 44px;
    height: 15px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
  }
  .text_29 {
    width: 44px;
    height: 15px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
  }
  .block_5 {
    background-color: rgba(255, 255, 255, 1);
    width: 491px;
    height: 233px;
    border: 1px solid rgba(236, 240, 248, 1);
    margin-left: 43px;
  }
  .image_5 {
    width: 138px;
    height: 125px;
    margin: 24px 0 0 32px;
  }
  .text-wrapper_7 {
    width: 103px;
    height: 66px;
    margin: 37px 156px 0 62px;
  }
  .text_30 {
    width: 103px;
    height: 21px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 20px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
  }
  .text_31 {
    width: 52px;
    height: 24px;
    overflow-wrap: break-word;
    color: rgba(92, 149, 246, 1);
    font-size: 30px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
    margin: 21px 0 0 2px;
  }
  .group_9 {
    width:100%;
    height: 233px;
    margin: 39px 0 0 0;
  }
  .section_4 {
    background-color: rgba(255, 255, 255, 1);
    width: 761px;
    height: 233px;
    border: 1px solid rgba(236, 240, 248, 1);
  }
  .text_32 {
    width: 185px;
    height: 21px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 20px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
    margin: 38px 0 0 26px;
  }
  .text-wrapper_8 {
    width: 52px;
    height: 24px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
    margin: 21px 0 0 27px;
  }
  .text_33 {
    width: 52px;
    height: 24px;
    overflow-wrap: break-word;
    color: rgba(92, 149, 246, 1);
    font-size: 30px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
  }
  .text_34 {
    width: 52px;
    height: 24px;
    overflow-wrap: break-word;
    color: rgba(92, 149, 246, 1);
    font-size: 18px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 18px;
  }
  .image_6 {
    width: 453px;
    height: 36px;
    margin: 6px 0 0 277px;
  }
  .image_7 {
    width: 704px;
    height: 2px;
    margin: 28px 0 0 26px;
  }
  .text-wrapper_9 {
    width: 705px;
    height: 17px;
    margin: 20px 0 20px 26px;
  }
  .text_35 {
    width: 112px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
  }
  .text_36 {
    width: 33px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
    margin: 1px 0 0 19px;
  }
  .text_37 {
    width: 113px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
    margin-left: 122px;
  }
  .text_38 {
    width: 34px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
    margin: 1px 0 0 18px;
  }
  .text_39 {
    width: 112px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
    margin-left: 90px;
  }
  .text_40 {
    width: 33px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
    margin: 1px 0 0 19px;
  }
  .section_5 {
    background-color: rgba(255, 255, 255, 1);
    width: 761px;
    height: 233px;
    border: 1px solid rgba(236, 240, 248, 1);
  }
  .box_17 {
    width: 704px;
    height: 40px;
    margin: 28px 0 0 27px;
  }
  .text_41 {
    width: 144px;
    height: 20px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 20px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 10px;
  }
  .block_6 {
    background-color: rgba(41, 220, 201, 0.1);
    border-radius: 3px;
    width: 130px;
    height: 40px;
  }
  .image-text_6 {
    width: 90px;
    height: 24px;
    margin: 8px 0 0 20px;
  }
  .label_2 {
    width: 24px;
    height: 24px;
  }
  .text-group_6 {
    padding-left: 10px;
    height: 14px;
    overflow-wrap: break-word;
    color: rgba(19, 191, 173, 1);
    font-size: 14px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
  }
  .text-wrapper_10 {
    width: 52px;
    height: 24px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
    margin: 12px 0 0 28px;
  }
  .text_42 {
    width: 52px;
    height: 24px;
    overflow-wrap: break-word;
    color: rgba(92, 149, 246, 1);
    font-size: 30px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 30px;
  }
  .text_43 {
    width: 52px;
    height: 24px;
    overflow-wrap: break-word;
    color: rgba(92, 149, 246, 1);
    font-size: 18px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 18px;
  }
  .image_8 {
    width: 453px;
    height: 36px;
    margin: 6px 0 0 278px;
  }
  .image_9 {
    width: 704px;
    height: 2px;
    margin: 28px 0 0 27px;
  }
  .box_18 {
    width: 707px;
    height: 17px;
    margin: 20px 0 20px 27px;
  }
  .text_44 {
    width: 80px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
  }
  .text-wrapper_11 {
    width: 35px;
    height: 15px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
    margin: 1px 0 0 21px;
  }
  .text_45 {
    width: 35px;
    height: 15px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
  }
  .text_46 {
    width: 35px;
    height: 15px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
  }
  .text_47 {
    width: 79px;
    height: 17px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
    margin-left: 436px;
  }
  .text-wrapper_12 {
    width: 35px;
    height: 15px;
    overflow-wrap: break-word;
    font-size: 0;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
    margin: 1px 0 0 21px;
  }
  .text_48 {
    width: 35px;
    height: 15px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
  }
  .text_49 {
    width: 35px;
    height: 15px;
    overflow-wrap: break-word;
    color: rgba(26, 26, 26, 1);
    font-size: 16px;
    font-family: MicrosoftYaHei;
    text-align: left;
    white-space: nowrap;
    line-height: 16px;
  }
}
</style>
